<template lang='pug'>
  div(:style="{backgroundColor: bgColor}")
    img(src="~/assets/image/line_left.png")
    span {{title}}
    img(src="~/assets/image/line_right.png")
</template>

<script type='text/ecmascript-6'>
  export default {
    props: {
      title: {
        type: String,
        default: '标题'
      },
      bgColor: {
        type: String,
        default: '#f2f2f2'
      }
    },
    data() {
      return {
      }
    },
    methods: {
      
    }
  }
</script>

<style lang='stylus' rel='stylesheet/stylus' scoped>

@import '~assets/stylus/variable.styl'
 
div
  position relative
  padding 1rem .5rem
  display flex
  align-items center
  color $color-black-l
  &::after
    content ''
    position absolute
    bottom 0
    left 0
    right 0
    border-bottom 1px solid $color-border-l
    transform scaleY(0.5)
  img
    flex 1
  span
    margin 0 1rem
    white-space nowrap
</style>
